<?php
@session_start();
    include_once '../../Model/M_Rol.php';
    include_once '../../Model/M_Usuario.php';
    include_once '../../Model/M_Perfil.php';
    
    $rol = new M_Rol();
    $rol->setIdRol($_REQUEST['idRol']);
    $listaRol = $rol->searchRol();
    
    $usuario = new M_Usuario();
    $listaUsuario = $usuario->BuscarUsuarios_Todos();

    $perfil = new M_Perfil();
    $perfil->setIdRol($_REQUEST['idRol']);
    $listaPerfil = $perfil->searchPerfiles_Uno();
    
?>
<!DOCTYPE html>
<html>
    <head>
        <title>PERFILES</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        

        <link rel="stylesheet" href="../css/jquery-ui.css" />
        <script src="../js/jquery-1.8.2.js"></script>
        <script src="../js/jquery-ui.js"></script>
        <script src="../js/autocompletado.js"></script>
        <style type="text/css">
            @import "../css/mantenedores.css";
            @import "../css/principal.css";
        </style>
        <!--
        <link rel="stylesheet" type="text/css" href="../../css/pc_Menu.css" />
        <link href="../../css/form.css" rel="stylesheet" type="text/css">
        -->
        <script>
            function agregadatos()
            {
                var e = document.getElementById("combobox");

                var id = e.options[e.selectedIndex].value;
                var nombre = e.options[e.selectedIndex].text;

                if (nombre == '' || id == '') {
                    alert('Ingrese un usuario');

                }
                else {


                    var x = document.getElementsByName("id_usuario[]");
                    var flag = 0;
                    for (var i = 0; i < x.length; i++)
                    {
                        if (x[i].value == id) {
                            flag = 1;
                        }
                    }

                    if (flag == 0) 
                    { //no se repite el id del usuario

                        $('#grilla > tbody:last').append('<tr><td width="50px">' + id + '<input type="hidden" name="id_usuario[]" value="' + id + '"/></td><td width="200px">' + nombre + '</td><td><a onclick="eliminardatos(this);" href="#"><img title="Eliminar" src="../images/delete.png"/></a></td></tr>');
                        $('.ui-autocomplete-input').focus().val('');
                    }

                    else { //sí se repite el id del usuario
                        alert('El usuario seleccionado ya se encuentra en la lista');
                        $('.ui-autocomplete-input').focus().val('');
                    }
                }
            }

            function eliminardatos(dato,id_rol) {
                
                
                
                 var x = document.getElementsByName("id_usuario[]");
                 if(id_rol==1 && x.length ==1){
                     alert("Debe Existir al menos un Usuario para el Rol '1'");
                     return false;
                     
                 }else{
                     $(dato).parent().parent().remove();
                     return true;
                 }
                

            }
        </script>
        
        <style>
            .ui-combobox {
                position: relative;
                display: inline-block;
            }
            .ui-combobox-toggle {
                position: absolute;
                top: 0;
                bottom: 0;
                margin-left: -1px;
                padding: 0;
                /* adjust styles for IE 6/7 */
                /*height: 1.7em;
                top: 0.1em;*/
            }
            .ui-combobox-input {
                height: 15px;
                margin: 0;
                padding: 0.3em;
                width: 130px;
            }
            .ui-autocomplete {
                max-height: 150px;
                overflow-y: auto;
                /* prevent horizontal scrollbar */
                overflow-x: hidden;
            }
        </style>        
            
    </head>
    <body>
        
        <div id="controles">
            <img SRC="../images/roles.png" width="55px" height="55px"></img> EDITAR PERFIL
        </div>
        <br/>   <br/> <br/> <br/> 
        <form name="form" action="../../Controller/C_Perfil_U.php" method="post" >
        <input type="hidden" name="idPag" value="<? echo($_REQUEST['idPag']);?>">
        <div id="contenedorTipoAnalisis" >
            <table border="0" cellspacing="2" cellpadding="2" align="center" >
                    <tr height="30">                            
                        <td>
                            <label ><b>Rol:<b/></label><br>
                        </td>
                        <td>
                            <?php echo($listaRol[0]['nombre']); ?>
                        </td>

                    </tr>

                    <tr height="30">                            
                        <td>
                            <label ><b>Agregar Usuario:<b/></label></br>
                        </td>
                        <td>
                            <div class="ui-widget">
                                <select id="combobox" name="cmbusuarios">
                                    <option value="">Seleccione...</option>
                                    
                                    <?php
                                    for($i=0;$i<(count($listaUsuario));$i++)
                                    {
                                    ?>
                                        <option value="<?php echo($listaUsuario[$i]['id_usuario']); ?>"><?php echo($listaUsuario[$i]['username']); ?></option>
                                    <?php
                                    }
                                    ?>
                                    
                                </select>
                            </div>
                            <input name="agregar" type="button" id="agregar" onclick="agregadatos()" value="&darr; Agregar Usuario &darr;" />
                        </td>

                    </tr>

                    <tr height="30">                            
                        <td>
                            <label ><b>Usuarios:<b/></label></br>
                        </td>
                        <td>

                        </td>

                    </tr>


                    <tr height="30">                            
                        <td colspan="3" align="center">
                            <table id="grilla" class="lista" border="1" style="border-collapse: collapse">
                                <thead  bgcolor="#C0C0C0">
                                    <tr>
                                        <th width="50px">ID</th>
                                        <th width="200px">Usuario</th>
                                        <th></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php
                                    for($i=0;$i<(count($listaPerfil));$i++)
                                    {
                                        ?>
                                        <tr>
                                            <td width="50px"><?php echo($listaPerfil[$i]['id_usuario']); ?><input type="hidden" name="id_usuario[]" value="<?php echo($listaPerfil[$i]['id_usuario']); ?>"/></td>
                                            <td width="200px"><?php echo($listaPerfil[$i]['username']); ?></td>
                                            <td><a onclick="return eliminardatos(this,<?php echo($listaRol[0]['id_rol']); ?>);" href="#"><img title="Eliminar" src="../images/delete.png" /></a></td>
                                        </tr>
                                        <?php
                                    }
                                    ?>
                                </tbody>
                            </table>
                        </td>

                    </tr>

                    <tr height="60">
                        <td>

                            <a href="javascript:history.go(-1)"><img border="0" src="../images/regresar.png"/></a>

                        </td>
                       
                        <td align="right">
                            <input type="hidden" name="id_rol" value="<?php echo($listaRol[0]['id_rol']); ?>"/>
                            <input  id="buttonform1" type="submit"   value="Guardar Cambios" />

                        </td>
                    </tr>
                </table>
        </div>
        
        </form>
    </body>
</html>
<?php
    
?>